const path = require('path')
function resolve(dir) {
    return path.join(__dirname, dir)
}


module.exports = {
    // devServer: {
    //     port: port,
    //     open: true,
    //     overlay: {
    //         warnings: false,
    //         errors: true
    //     },
    //     proxy: {
    //         '/api': {
    //             target: process.env.VUE_APP_BASE_API,
    //             changeOrigin: true,
    //             pathRewrite: {
    //                 '^/api': 'api'
    //             }
    //         },
    //         '/auth': {
    //             target: process.env.VUE_APP_BASE_API,
    //             changeOrigin: true,
    //             pathRewrite: {
    //                 '^/auth': 'auth'
    //             }
    //         }
    //     }
    // },

    chainWebpack(config) {
        // set svg-sprite-loader
        config.module
            .rule('svg')
            .exclude.add(resolve('src/assets/icons'))
            .end()
        config.module
            .rule('icons')
            .test(/\.svg$/)
            .include.add(resolve('src/assets/icons'))
            .end()
            .use('svg-sprite-loader')
            .loader('svg-sprite-loader')
            .options({
                symbolId: 'icon-[name]'
            })
            .end()
    }
}
